<template>
  <div class="center-content-wrapper">
    <div :style="contentStyle">
      <graph-chart :e-charts-option="eChartsOption" :graph-series-option="graphSeriesOption" />
    </div>
  </div>
</template>

<script lang="ts" setup>
import { CSSProperties } from 'vue';
import GraphChart from '@/components/e-charts/graph-chart.vue';
import { EChartsOption, GraphSeriesOption } from 'echarts';

const eChartsOption: EChartsOption = {
  title: {
    text: '计算机科学',
    top: 'bottom',
    left: 'center',
  },
  animationDuration: 1500,
  animationEasingUpdate: 'quinticInOut',
};

const nodes: Array<{
  label?: { show: boolean };
  id: string;
  name: string;
  symbolSize: number;
  x: number;
  y: number;
  value: number;
  category: number;
}> = [
  {
    id: '0',
    name: 'Myriel',
    symbolSize: 19.12381,
    x: -266.82776,
    y: 299.6904,
    value: 28.685715,
    category: 0,
  },
  {
    id: '1',
    name: 'Napoleon',
    symbolSize: 2.6666666666666665,
    x: -418.08344,
    y: 446.8853,
    value: 4,
    category: 0,
  },
  {
    id: '2',
    name: 'MlleBaptistine',
    symbolSize: 6.323809333333333,
    x: -212.76357,
    y: 245.29176,
    value: 9.485714,
    category: 1,
  },
  {
    id: '3',
    name: 'MmeMagloire',
    symbolSize: 6.323809333333333,
    x: -242.82404,
    y: 235.26283,
    value: 9.485714,
    category: 1,
  },
  {
    id: '4',
    name: 'CountessDeLo',
    symbolSize: 2.6666666666666665,
    x: -379.30386,
    y: 429.06424,
    value: 4,
    category: 0,
  },
  {
    id: '5',
    name: 'Geborand',
    symbolSize: 2.6666666666666665,
    x: -417.26337,
    y: 406.03506,
    value: 4,
    category: 0,
  },
  {
    id: '6',
    name: 'Champtercier',
    symbolSize: 2.6666666666666665,
    x: -332.6012,
    y: 485.16974,
    value: 4,
    category: 0,
  },
  {
    id: '7',
    name: 'Cravatte',
    symbolSize: 2.6666666666666665,
    x: -382.69568,
    y: 475.09113,
    value: 4,
    category: 0,
  },
  {
    id: '8',
    name: 'Count',
    symbolSize: 2.6666666666666665,
    x: -320.384,
    y: 387.17325,
    value: 4,
    category: 0,
  },
  {
    id: '9',
    name: 'OldMan',
    symbolSize: 2.6666666666666665,
    x: -344.39832,
    y: 451.16772,
    value: 4,
    category: 0,
  },
  {
    id: '10',
    name: 'Labarre',
    symbolSize: 2.6666666666666665,
    x: -89.34107,
    y: 234.56128,
    value: 4,
    category: 1,
  },
  {
    id: '11',
    name: 'Valjean',
    symbolSize: 66.66666666666667,
    x: -87.93029,
    y: -6.8120565,
    value: 100,
    category: 1,
  },
  {
    id: '12',
    name: 'Marguerite',
    symbolSize: 4.495239333333333,
    x: -339.77908,
    y: -184.69139,
    value: 6.742859,
    category: 1,
  },
  {
    id: '13',
    name: 'MmeDeR',
    symbolSize: 2.6666666666666665,
    x: -194.31313,
    y: 178.55301,
    value: 4,
    category: 1,
  },
  {
    id: '14',
    name: 'Isabeau',
    symbolSize: 2.6666666666666665,
    x: -158.05168,
    y: 201.99768,
    value: 4,
    category: 1,
  },
  {
    id: '15',
    name: 'Gervais',
    symbolSize: 2.6666666666666665,
    x: -127.701546,
    y: 242.55057,
    value: 4,
    category: 1,
  },
  {
    id: '16',
    name: 'Tholomyes',
    symbolSize: 17.295237333333333,
    x: -385.2226,
    y: -393.5572,
    value: 25.942856,
    category: 2,
  },
  {
    id: '17',
    name: 'Listolier',
    symbolSize: 13.638097333333334,
    x: -516.55884,
    y: -393.98975,
    value: 20.457146,
    category: 2,
  },
  {
    id: '18',
    name: 'Fameuil',
    symbolSize: 13.638097333333334,
    x: -464.79382,
    y: -493.57944,
    value: 20.457146,
    category: 2,
  },
  {
    id: '19',
    name: 'Blacheville',
    symbolSize: 13.638097333333334,
    x: -515.1624,
    y: -456.9891,
    value: 20.457146,
    category: 2,
  },
  {
    id: '20',
    name: 'Favourite',
    symbolSize: 13.638097333333334,
    x: -408.12122,
    y: -464.5048,
    value: 20.457146,
    category: 2,
  },
  {
    id: '21',
    name: 'Dahlia',
    symbolSize: 13.638097333333334,
    x: -456.44113,
    y: -425.13303,
    value: 20.457146,
    category: 2,
  },
  {
    id: '22',
    name: 'Zephine',
    symbolSize: 13.638097333333334,
    x: -459.1107,
    y: -362.5133,
    value: 20.457146,
    category: 2,
  },
  {
    id: '23',
    name: 'Fantine',
    symbolSize: 28.266666666666666,
    x: -313.42786,
    y: -289.44803,
    value: 42.4,
    category: 2,
  },
  {
    id: '24',
    name: 'MmeThenardier',
    symbolSize: 20.95238266666667,
    x: 4.6313396,
    y: -273.8517,
    value: 31.428574,
    category: 7,
  },
  {
    id: '25',
    name: 'Thenardier',
    symbolSize: 30.095235333333335,
    x: 82.80825,
    y: -203.1144,
    value: 45.142853,
    category: 7,
  },
  {
    id: '26',
    name: 'Cosette',
    symbolSize: 20.95238266666667,
    x: 78.64646,
    y: -31.512747,
    value: 31.428574,
    category: 6,
  },
  {
    id: '27',
    name: 'Javert',
    symbolSize: 31.923806666666668,
    x: -81.46074,
    y: -204.20204,
    value: 47.88571,
    category: 7,
  },
  {
    id: '28',
    name: 'Fauchelevent',
    symbolSize: 8.152382000000001,
    x: -225.73984,
    y: 82.41631,
    value: 12.228573,
    category: 4,
  },
  {
    id: '29',
    name: 'Bamatabois',
    symbolSize: 15.466666666666667,
    x: -385.6842,
    y: -20.206686,
    value: 23.2,
    category: 3,
  },
  {
    id: '30',
    name: 'Perpetue',
    symbolSize: 4.495239333333333,
    x: -403.92447,
    y: -197.69823,
    value: 6.742859,
    category: 2,
  },
  {
    id: '31',
    name: 'Simplice',
    symbolSize: 8.152382000000001,
    x: -281.4253,
    y: -158.45137,
    value: 12.228573,
    category: 2,
  },
  {
    id: '32',
    name: 'Scaufflaire',
    symbolSize: 2.6666666666666665,
    x: -122.41348,
    y: 210.37503,
    value: 4,
    category: 1,
  },
  {
    id: '33',
    name: 'Woman1',
    symbolSize: 4.495239333333333,
    x: -234.6001,
    y: -113.15067,
    value: 6.742859,
    category: 1,
  },
  {
    id: '34',
    name: 'Judge',
    symbolSize: 11.809524666666666,
    x: -387.84915,
    y: 58.7059,
    value: 17.714287,
    category: 3,
  },
  {
    id: '35',
    name: 'Champmathieu',
    symbolSize: 11.809524666666666,
    x: -338.2307,
    y: 87.48405,
    value: 17.714287,
    category: 3,
  },
  {
    id: '36',
    name: 'Brevet',
    symbolSize: 11.809524666666666,
    x: -453.26874,
    y: 58.94648,
    value: 17.714287,
    category: 3,
  },
  {
    id: '37',
    name: 'Chenildieu',
    symbolSize: 11.809524666666666,
    x: -386.44904,
    y: 140.05937,
    value: 17.714287,
    category: 3,
  },
  {
    id: '38',
    name: 'Cochepaille',
    symbolSize: 11.809524666666666,
    x: -446.7876,
    y: 123.38005,
    value: 17.714287,
    category: 3,
  },
  {
    id: '39',
    name: 'Pontmercy',
    symbolSize: 6.323809333333333,
    x: 336.49738,
    y: -269.55914,
    value: 9.485714,
    category: 6,
  },
  {
    id: '40',
    name: 'Boulatruelle',
    symbolSize: 2.6666666666666665,
    x: 29.187843,
    y: -460.13132,
    value: 4,
    category: 7,
  },
  {
    id: '41',
    name: 'Eponine',
    symbolSize: 20.95238266666667,
    x: 238.36697,
    y: -210.00926,
    value: 31.428574,
    category: 7,
  },
  {
    id: '42',
    name: 'Anzelma',
    symbolSize: 6.323809333333333,
    x: 189.69513,
    y: -346.50662,
    value: 9.485714,
    category: 7,
  },
  {
    id: '43',
    name: 'Woman2',
    symbolSize: 6.323809333333333,
    x: -187.00418,
    y: -145.02663,
    value: 9.485714,
    category: 6,
  },
  {
    id: '44',
    name: 'MotherInnocent',
    symbolSize: 4.495239333333333,
    x: -252.99521,
    y: 129.87549,
    value: 6.742859,
    category: 4,
  },
  {
    id: '45',
    name: 'Gribier',
    symbolSize: 2.6666666666666665,
    x: -296.07935,
    y: 163.11964,
    value: 4,
    category: 4,
  },
  {
    id: '46',
    name: 'Jondrette',
    symbolSize: 2.6666666666666665,
    x: 550.3201,
    y: 522.4031,
    value: 4,
    category: 5,
  },
  {
    id: '47',
    name: 'MmeBurgon',
    symbolSize: 4.495239333333333,
    x: 488.13535,
    y: 356.8573,
    value: 6.742859,
    category: 5,
  },
  {
    id: '48',
    name: 'Gavroche',
    symbolSize: 41.06667066666667,
    x: 387.89572,
    y: 110.462326,
    value: 61.600006,
    category: 8,
  },
  {
    id: '49',
    name: 'Gillenormand',
    symbolSize: 13.638097333333334,
    x: 126.4831,
    y: 68.10622,
    value: 20.457146,
    category: 6,
  },
  {
    id: '50',
    name: 'Magnon',
    symbolSize: 4.495239333333333,
    x: 127.07365,
    y: -113.05923,
    value: 6.742859,
    category: 6,
  },
  {
    id: '51',
    name: 'MlleGillenormand',
    symbolSize: 13.638097333333334,
    x: 162.63559,
    y: 117.6565,
    value: 20.457146,
    category: 6,
  },
  {
    id: '52',
    name: 'MmePontmercy',
    symbolSize: 4.495239333333333,
    x: 353.66415,
    y: -205.89165,
    value: 6.742859,
    category: 6,
  },
  {
    id: '53',
    name: 'MlleVaubois',
    symbolSize: 2.6666666666666665,
    x: 165.43939,
    y: 339.7736,
    value: 4,
    category: 6,
  },
  {
    id: '54',
    name: 'LtGillenormand',
    symbolSize: 8.152382000000001,
    x: 137.69348,
    y: 196.1069,
    value: 12.228573,
    category: 6,
  },
  {
    id: '55',
    name: 'Marius',
    symbolSize: 35.58095333333333,
    x: 206.44687,
    y: -13.805411,
    value: 53.37143,
    category: 6,
  },
  {
    id: '56',
    name: 'BaronessT',
    symbolSize: 4.495239333333333,
    x: 194.82993,
    y: 224.78036,
    value: 6.742859,
    category: 6,
  },
  {
    id: '57',
    name: 'Mabeuf',
    symbolSize: 20.95238266666667,
    x: 597.6618,
    y: 135.18481,
    value: 31.428574,
    category: 8,
  },
  {
    id: '58',
    name: 'Enjolras',
    symbolSize: 28.266666666666666,
    x: 355.78366,
    y: -74.882454,
    value: 42.4,
    category: 8,
  },
  {
    id: '59',
    name: 'Combeferre',
    symbolSize: 20.95238266666667,
    x: 515.2961,
    y: -46.167564,
    value: 31.428574,
    category: 8,
  },
  {
    id: '60',
    name: 'Prouvaire',
    symbolSize: 17.295237333333333,
    x: 614.29285,
    y: -69.3104,
    value: 25.942856,
    category: 8,
  },
  {
    id: '61',
    name: 'Feuilly',
    symbolSize: 20.95238266666667,
    x: 550.1917,
    y: -128.17537,
    value: 31.428574,
    category: 8,
  },
  {
    id: '62',
    name: 'Courfeyrac',
    symbolSize: 24.609526666666667,
    x: 436.17184,
    y: -12.7286825,
    value: 36.91429,
    category: 8,
  },
  {
    id: '63',
    name: 'Bahorel',
    symbolSize: 22.780953333333333,
    x: 602.55225,
    y: 16.421427,
    value: 34.17143,
    category: 8,
  },
  {
    id: '64',
    name: 'Bossuet',
    symbolSize: 24.609526666666667,
    x: 455.81955,
    y: -115.45826,
    value: 36.91429,
    category: 8,
  },
  {
    id: '65',
    name: 'Joly',
    symbolSize: 22.780953333333333,
    x: 516.40784,
    y: 47.242233,
    value: 34.17143,
    category: 8,
  },
  {
    id: '66',
    name: 'Grantaire',
    symbolSize: 19.12381,
    x: 646.4313,
    y: -151.06331,
    value: 28.685715,
    category: 8,
  },
  {
    id: '67',
    name: 'MotherPlutarch',
    symbolSize: 2.6666666666666665,
    x: 668.9568,
    y: 204.65488,
    value: 4,
    category: 8,
  },
  {
    id: '68',
    name: 'Gueulemer',
    symbolSize: 19.12381,
    x: 78.4799,
    y: -347.15146,
    value: 28.685715,
    category: 7,
  },
  {
    id: '69',
    name: 'Babet',
    symbolSize: 19.12381,
    x: 150.35959,
    y: -298.50797,
    value: 28.685715,
    category: 7,
  },
  {
    id: '70',
    name: 'Claquesous',
    symbolSize: 19.12381,
    x: 137.3717,
    y: -410.2809,
    value: 28.685715,
    category: 7,
  },
  {
    id: '71',
    name: 'Montparnasse',
    symbolSize: 17.295237333333333,
    x: 234.87747,
    y: -400.85983,
    value: 25.942856,
    category: 7,
  },
  {
    id: '72',
    name: 'Toussaint',
    symbolSize: 6.323809333333333,
    x: 40.942253,
    y: 113.78272,
    value: 9.485714,
    category: 1,
  },
  {
    id: '73',
    name: 'Child1',
    symbolSize: 4.495239333333333,
    x: 437.939,
    y: 291.58234,
    value: 6.742859,
    category: 8,
  },
  {
    id: '74',
    name: 'Child2',
    symbolSize: 4.495239333333333,
    x: 466.04922,
    y: 283.3606,
    value: 6.742859,
    category: 8,
  },
  {
    id: '75',
    name: 'Brujon',
    symbolSize: 13.638097333333334,
    x: 238.79364,
    y: -314.06345,
    value: 20.457146,
    category: 7,
  },
  {
    id: '76',
    name: 'MmeHucheloup',
    symbolSize: 13.638097333333334,
    x: 712.18353,
    y: 4.8131495,
    value: 20.457146,
    category: 8,
  },
];
nodes.forEach(node => {
  node.label = {
    show: node.symbolSize > 30,
  };
});
const graphSeriesOption: GraphSeriesOption = {
  name: 'Les Miserables',
  type: 'graph',
  edgeSymbol: ['arrow'],
  legendHoverLink: false,
  layout: 'none',
  data: nodes,
  links: [
    {
      source: '1',
      target: '0',
    },
    {
      source: '2',
      target: '0',
    },
    {
      source: '3',
      target: '0',
    },
    {
      source: '3',
      target: '2',
    },
    {
      source: '4',
      target: '0',
    },
    {
      source: '5',
      target: '0',
    },
    {
      source: '6',
      target: '0',
    },
    {
      source: '7',
      target: '0',
    },
    {
      source: '8',
      target: '0',
    },
    {
      source: '9',
      target: '0',
    },
    {
      source: '11',
      target: '0',
    },
    {
      source: '11',
      target: '2',
    },
    {
      source: '11',
      target: '3',
    },
    {
      source: '11',
      target: '10',
    },
    {
      source: '12',
      target: '11',
    },
    {
      source: '13',
      target: '11',
    },
    {
      source: '14',
      target: '11',
    },
    {
      source: '15',
      target: '11',
    },
    {
      source: '17',
      target: '16',
    },
    {
      source: '18',
      target: '16',
    },
    {
      source: '18',
      target: '17',
    },
    {
      source: '19',
      target: '16',
    },
    {
      source: '19',
      target: '17',
    },
    {
      source: '19',
      target: '18',
    },
    {
      source: '20',
      target: '16',
    },
    {
      source: '20',
      target: '17',
    },
    {
      source: '20',
      target: '18',
    },
    {
      source: '20',
      target: '19',
    },
    {
      source: '21',
      target: '16',
    },
    {
      source: '21',
      target: '17',
    },
    {
      source: '21',
      target: '18',
    },
    {
      source: '21',
      target: '19',
    },
    {
      source: '21',
      target: '20',
    },
    {
      source: '22',
      target: '16',
    },
    {
      source: '22',
      target: '17',
    },
    {
      source: '22',
      target: '18',
    },
    {
      source: '22',
      target: '19',
    },
    {
      source: '22',
      target: '20',
    },
    {
      source: '22',
      target: '21',
    },
    {
      source: '23',
      target: '11',
    },
    {
      source: '23',
      target: '12',
    },
    {
      source: '23',
      target: '16',
    },
    {
      source: '23',
      target: '17',
    },
    {
      source: '23',
      target: '18',
    },
    {
      source: '23',
      target: '19',
    },
    {
      source: '23',
      target: '20',
    },
    {
      source: '23',
      target: '21',
    },
    {
      source: '23',
      target: '22',
    },
    {
      source: '24',
      target: '11',
    },
    {
      source: '24',
      target: '23',
    },
    {
      source: '25',
      target: '11',
    },
    {
      source: '25',
      target: '23',
    },
    {
      source: '25',
      target: '24',
    },
    {
      source: '26',
      target: '11',
    },
    {
      source: '26',
      target: '16',
    },
    {
      source: '26',
      target: '24',
    },
    {
      source: '26',
      target: '25',
    },
    {
      source: '27',
      target: '11',
    },
    {
      source: '27',
      target: '23',
    },
    {
      source: '27',
      target: '24',
    },
    {
      source: '27',
      target: '25',
    },
    {
      source: '27',
      target: '26',
    },
    {
      source: '28',
      target: '11',
    },
    {
      source: '28',
      target: '27',
    },
    {
      source: '29',
      target: '11',
    },
    {
      source: '29',
      target: '23',
    },
    {
      source: '29',
      target: '27',
    },
    {
      source: '30',
      target: '23',
    },
    {
      source: '31',
      target: '11',
    },
    {
      source: '31',
      target: '23',
    },
    {
      source: '31',
      target: '27',
    },
    {
      source: '31',
      target: '30',
    },
    {
      source: '32',
      target: '11',
    },
    {
      source: '33',
      target: '11',
    },
    {
      source: '33',
      target: '27',
    },
    {
      source: '34',
      target: '11',
    },
    {
      source: '34',
      target: '29',
    },
    {
      source: '35',
      target: '11',
    },
    {
      source: '35',
      target: '29',
    },
    {
      source: '35',
      target: '34',
    },
    {
      source: '36',
      target: '11',
    },
    {
      source: '36',
      target: '29',
    },
    {
      source: '36',
      target: '34',
    },
    {
      source: '36',
      target: '35',
    },
    {
      source: '37',
      target: '11',
    },
    {
      source: '37',
      target: '29',
    },
    {
      source: '37',
      target: '34',
    },
    {
      source: '37',
      target: '35',
    },
    {
      source: '37',
      target: '36',
    },
    {
      source: '38',
      target: '11',
    },
    {
      source: '38',
      target: '29',
    },
    {
      source: '38',
      target: '34',
    },
    {
      source: '38',
      target: '35',
    },
    {
      source: '38',
      target: '36',
    },
    {
      source: '38',
      target: '37',
    },
    {
      source: '39',
      target: '25',
    },
    {
      source: '40',
      target: '25',
    },
    {
      source: '41',
      target: '24',
    },
    {
      source: '41',
      target: '25',
    },
    {
      source: '42',
      target: '24',
    },
    {
      source: '42',
      target: '25',
    },
    {
      source: '42',
      target: '41',
    },
    {
      source: '43',
      target: '11',
    },
    {
      source: '43',
      target: '26',
    },
    {
      source: '43',
      target: '27',
    },
    {
      source: '44',
      target: '11',
    },
    {
      source: '44',
      target: '28',
    },
    {
      source: '45',
      target: '28',
    },
    {
      source: '47',
      target: '46',
    },
    {
      source: '48',
      target: '11',
    },
    {
      source: '48',
      target: '25',
    },
    {
      source: '48',
      target: '27',
    },
    {
      source: '48',
      target: '47',
    },
    {
      source: '49',
      target: '11',
    },
    {
      source: '49',
      target: '26',
    },
    {
      source: '50',
      target: '24',
    },
    {
      source: '50',
      target: '49',
    },
    {
      source: '51',
      target: '11',
    },
    {
      source: '51',
      target: '26',
    },
    {
      source: '51',
      target: '49',
    },
    {
      source: '52',
      target: '39',
    },
    {
      source: '52',
      target: '51',
    },
    {
      source: '53',
      target: '51',
    },
    {
      source: '54',
      target: '26',
    },
    {
      source: '54',
      target: '49',
    },
    {
      source: '54',
      target: '51',
    },
    {
      source: '55',
      target: '11',
    },
    {
      source: '55',
      target: '16',
    },
    {
      source: '55',
      target: '25',
    },
    {
      source: '55',
      target: '26',
    },
    {
      source: '55',
      target: '39',
    },
    {
      source: '55',
      target: '41',
    },
    {
      source: '55',
      target: '48',
    },
    {
      source: '55',
      target: '49',
    },
    {
      source: '55',
      target: '51',
    },
    {
      source: '55',
      target: '54',
    },
    {
      source: '56',
      target: '49',
    },
    {
      source: '56',
      target: '55',
    },
    {
      source: '57',
      target: '41',
    },
    {
      source: '57',
      target: '48',
    },
    {
      source: '57',
      target: '55',
    },
    {
      source: '58',
      target: '11',
    },
    {
      source: '58',
      target: '27',
    },
    {
      source: '58',
      target: '48',
    },
    {
      source: '58',
      target: '55',
    },
    {
      source: '58',
      target: '57',
    },
    {
      source: '59',
      target: '48',
    },
    {
      source: '59',
      target: '55',
    },
    {
      source: '59',
      target: '57',
    },
    {
      source: '59',
      target: '58',
    },
    {
      source: '60',
      target: '48',
    },
    {
      source: '60',
      target: '58',
    },
    {
      source: '60',
      target: '59',
    },
    {
      source: '61',
      target: '48',
    },
    {
      source: '61',
      target: '55',
    },
    {
      source: '61',
      target: '57',
    },
    {
      source: '61',
      target: '58',
    },
    {
      source: '61',
      target: '59',
    },
    {
      source: '61',
      target: '60',
    },
    {
      source: '62',
      target: '41',
    },
    {
      source: '62',
      target: '48',
    },
    {
      source: '62',
      target: '55',
    },
    {
      source: '62',
      target: '57',
    },
    {
      source: '62',
      target: '58',
    },
    {
      source: '62',
      target: '59',
    },
    {
      source: '62',
      target: '60',
    },
    {
      source: '62',
      target: '61',
    },
    {
      source: '63',
      target: '48',
    },
    {
      source: '63',
      target: '55',
    },
    {
      source: '63',
      target: '57',
    },
    {
      source: '63',
      target: '58',
    },
    {
      source: '63',
      target: '59',
    },
    {
      source: '63',
      target: '60',
    },
    {
      source: '63',
      target: '61',
    },
    {
      source: '63',
      target: '62',
    },
    {
      source: '64',
      target: '11',
    },
    {
      source: '64',
      target: '48',
    },
    {
      source: '64',
      target: '55',
    },
    {
      source: '64',
      target: '57',
    },
    {
      source: '64',
      target: '58',
    },
    {
      source: '64',
      target: '59',
    },
    {
      source: '64',
      target: '60',
    },
    {
      source: '64',
      target: '61',
    },
    {
      source: '64',
      target: '62',
    },
    {
      source: '64',
      target: '63',
    },
    {
      source: '65',
      target: '48',
    },
    {
      source: '65',
      target: '55',
    },
    {
      source: '65',
      target: '57',
    },
    {
      source: '65',
      target: '58',
    },
    {
      source: '65',
      target: '59',
    },
    {
      source: '65',
      target: '60',
    },
    {
      source: '65',
      target: '61',
    },
    {
      source: '65',
      target: '62',
    },
    {
      source: '65',
      target: '63',
    },
    {
      source: '65',
      target: '64',
    },
    {
      source: '66',
      target: '48',
    },
    {
      source: '66',
      target: '58',
    },
    {
      source: '66',
      target: '59',
    },
    {
      source: '66',
      target: '60',
    },
    {
      source: '66',
      target: '61',
    },
    {
      source: '66',
      target: '62',
    },
    {
      source: '66',
      target: '63',
    },
    {
      source: '66',
      target: '64',
    },
    {
      source: '66',
      target: '65',
    },
    {
      source: '67',
      target: '57',
    },
    {
      source: '68',
      target: '11',
    },
    {
      source: '68',
      target: '24',
    },
    {
      source: '68',
      target: '25',
    },
    {
      source: '68',
      target: '27',
    },
    {
      source: '68',
      target: '41',
    },
    {
      source: '68',
      target: '48',
    },
    {
      source: '69',
      target: '11',
    },
    {
      source: '69',
      target: '24',
    },
    {
      source: '69',
      target: '25',
    },
    {
      source: '69',
      target: '27',
    },
    {
      source: '69',
      target: '41',
    },
    {
      source: '69',
      target: '48',
    },
    {
      source: '69',
      target: '68',
    },
    {
      source: '70',
      target: '11',
    },
    {
      source: '70',
      target: '24',
    },
    {
      source: '70',
      target: '25',
    },
    {
      source: '70',
      target: '27',
    },
    {
      source: '70',
      target: '41',
    },
    {
      source: '70',
      target: '58',
    },
    {
      source: '70',
      target: '68',
    },
    {
      source: '70',
      target: '69',
    },
    {
      source: '71',
      target: '11',
    },
    {
      source: '71',
      target: '25',
    },
    {
      source: '71',
      target: '27',
    },
    {
      source: '71',
      target: '41',
    },
    {
      source: '71',
      target: '48',
    },
    {
      source: '71',
      target: '68',
    },
    {
      source: '71',
      target: '69',
    },
    {
      source: '71',
      target: '70',
    },
    {
      source: '72',
      target: '11',
    },
    {
      source: '72',
      target: '26',
    },
    {
      source: '72',
      target: '27',
    },
    {
      source: '73',
      target: '48',
    },
    {
      source: '74',
      target: '48',
    },
    {
      source: '74',
      target: '73',
    },
    {
      source: '75',
      target: '25',
    },
    {
      source: '75',
      target: '41',
    },
    {
      source: '75',
      target: '48',
    },
    {
      source: '75',
      target: '68',
    },
    {
      source: '75',
      target: '69',
    },
    {
      source: '75',
      target: '70',
    },
    {
      source: '75',
      target: '71',
    },
    {
      source: '76',
      target: '48',
    },
    {
      source: '76',
      target: '58',
    },
    {
      source: '76',
      target: '62',
    },
    {
      source: '76',
      target: '63',
    },
    {
      source: '76',
      target: '64',
    },
    {
      source: '76',
      target: '65',
    },
    {
      source: '76',
      target: '66',
    },
  ],
  categories: [
    {
      name: 'A',
    },
    {
      name: 'B',
    },
    {
      name: 'C',
    },
    {
      name: 'D',
    },
    {
      name: 'E',
    },
    {
      name: 'F',
    },
    {
      name: 'G',
    },
    {
      name: 'H',
    },
    {
      name: 'I',
    },
  ],
  roam: true,
  label: {
    position: 'right',
    formatter: '{b}',
  },
  lineStyle: {
    color: 'source',
    curveness: 0.2,
  },
  emphasis: {
    focus: 'adjacency',
    lineStyle: {
      width: 10,
    },
  },
};

const contentStyle: CSSProperties = {
  display: 'flex',
  height: 'calc(100vh - 64px)',
  width: '100%',
  justifyContent: 'center',
  alignItems: 'center',
};
</script>
